.card-list-goods__container {
  position: relative;
  width: 100%;

  & > .card-list-goods__item {
    position: absolute;
    box-sizing: border-box;
    transition: top 0.35s ease, left 0.35s ease, width 0.35s ease;
    overflow: hidden;
    border-radius: 8px;
    --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);

    & > .card-list-goods__image {
      height: 200px;
      width: 100%;
      overflow: hidden;
      display: flex;

      & > img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        //object-position: center;
        object-position: 50% 50%;
      }
    }

    & > .card-list-goods__content {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 0.5rem;

      .card-list-goods__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        font-size: 14px;
        font-weight: 700;
      }

      .card-list-goods__desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-clamp: 2;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        font-size: 12px;
        color: #333333;
      }

      .card-list-goods__bottom {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        row-gap: 0.5rem;

        & > div {
          display: flex;
        }

        .card-list-goods__unit {
          font-size: 12px;
          color: #F57D51;
          font-weight: 700;
          line-height: 1;

          &__delete {
            margin-left: 0;
            font-size: 14px;
            color: #666666;
            line-height: 1;
            text-decoration: line-through
          }

        }

        .card-list-goods__price {
          font-size: 17px;
          color: #F57D51;
          font-weight: 700;
          line-height: 1;

          &__delete {
            margin-left: 0;
            font-size: 14px;
            color: #666666;
            line-height: 1;
            text-decoration: line-through
          }
        }

        .card-list-goods__sales {
          margin-left: 3px;
          font-size: 12px;
          color: #666666;
          line-height: 1;
        }

      }

    }

  }

}



